
$(function(){
	
	/**  输入验证  start     */
	var validForm = $("#addEstateInfo").Validform({
		tiptype:function(msg,data,style){
			//msg：提示信息;
			//o:{obj:*,type:*,curform:*}, obj指向的是当前验证的表单元素（或表单对象），type指示提示的状态，值为1、2、3、4， 1：正在检测/提交数据，2：通过验证，3：验证失败，4：提示ignore状态, curform为当前form对象;
			//style:内置的提示信息样式控制函数，该函数需传入两个参数：显示提示信息的对象 和 当前提示的状态（既形参o中的type）;	
			
			var InfoNode = $("<span></span>");
			InfoNode.addClass("Validform_checktip");
			
			$(InfoNode).text(msg);
			$(data.obj["0"]).tooltip("destroy");
			if(data.type == 3){
				$(InfoNode).addClass("Validform_wrong");
				$(data.obj["0"]).addClass("Validform_error");
				$(data.obj["0"]).data("title",	$(InfoNode));
				
			}else if( data.type == 2){
				$(InfoNode).addClass("Validform_right");
				$(data.obj["0"]).data("title",	$(InfoNode));
			}
			$(data.obj["0"]).tooltip("hide");
			console.log($(InfoNode));
		},
		url:$("base").attr("href") + "user/json-addEstateInfo.do",
		showAllError:true,
		ajaxPost:false,
		callback:function(data){
			if(data.code == 1000){
				
				$("input[type=file]").fileinput({ 
			        allowedFileExtensions : ['jpg', 'png','gif'],//接收的文件后缀
			        uploadExtraData:fromToJson("addEstateInfo"),
       			});
       			
			}
		}
	});
	
	function refreshData(){
		$("#file").fileinput("refresh",{
			uploadUrl:$("base").attr("href") + "user/json-addEstateInfo.do",
			language : 'zh',
			uploadExtraData:fromToJson("addEstateInfo"),
		});
	}
	
	$("#addEstateInfo input").change(function(){
		refreshData();
	});
	$("#addEstateInfo select").change(function(){
		refreshData();
	});
	$("#submit").click(function(){
			
		$("#file").fileinput("upload").on("fileuploaded", function(event, data, previewId, index) {
		
		swal("恭喜您！！","房产信息已提交成功","success");
		console.log("uploadCallback", data);
	});
	});
	$("#file").fileinput({
		uploadUrl:$("base").attr("href") + "user/json-addEstateInfo.do",
		language : 'zh',
		
	});
	$("input").hover(function(){
		console.log($(this).data("title"))
		if($(this).data("title") != ""){
			$(this).tooltip('show');
		}
	});
	
	
	
	//从from获取数据，转为对象  
function fromToJson(form) {  
    var result = {};  
    var fieldArray = $('#' + form).serializeArray();  
    for (var i = 0; i < fieldArray.length; i++) {  
        var field = fieldArray[i];  
        if (field.name in result) {  
            result[field.name] += ',' + field.value;  
        } else {  
            result[field.name] = field.value;  
        }  
    }  
    return result;  
}  

	
	$("select").hover(function(){
		console.log($(this).data("title"))
		if($(this).data("title") != ""){
			$(this).tooltip('show');
		}
	});
	
	
	/**  输入验证  end     */
	
	/** 位置信息输入及地图显示  start */
	
	
	function removeOption(obj){
		obj.find("option:nth-of-type(n+2)").remove("option");
	}
	
	function initOption(obj,id){
		
		url = "http://apis.map.qq.com/ws/district/v1/getchildren?key=7UBBZ-TXTE3-TTY3C-3IKGW-DTC3T-3BBQA&output=jsonp&callback=?";
		
		
		
		$.getJSON(url,{"id":id},function(result){
			var provences = result.result[0];
			console.log("data",provences);
			for (var i = 0; i< provences.length;i++) {
				var $option = obj.append("<option></option>").children().last();
				$option.attr("value", provences[i].fullname);
				$option.text(provences[i].fullname);
				$option.data("id", provences[i].id);
				$option.data("location", provences[i].location);
			}
		});
		
	}
	
	
	$("#estateAddress").focus(function(){
		$("#myModal").modal("show");
		
		//行政区划动态加载
		initOption($("#provence"));
		
		//地图显示
		if((typeof map) == "undefined"){
		 	map = new BMap.Map("Map");          // 创建地图实例     
			var point = new BMap.Point(116.404, 39.915);  // 创建点坐标  
			map.centerAndZoom(point, 13);  
		}
	});	
	
	
	function mapChange(area,isMake){
		$.getJSON("http://api.map.baidu.com/geocoder/v2/?address="+ area +"&output=json&ak=n7mTxnHfQyF2MG5CN76ZXe7z&callback=?",function(data){
			var point =  new BMap.Point(data.result.location.lng, data.result.location.lat);
			if(isMake){
				var marker = new BMap.Marker(point);  // 创建标注
				map.addOverlay(marker);              // 将标注添加到地图中
			}
			map.panTo(point);
		});
	}
	
	
	$("#provence").change(function(){
		removeOption($("#city"));
		removeOption($("#county"));
		initOption($("#city"),$(this).find("option[value="+ $(this).val() +"]").data("id"));
		mapChange($(this).val());
		map.zoomTo(7);
	});
	
	$("#city").change(function(){
		removeOption($("#county"));
		initOption($("#county"),$(this).find("option[value="+ $(this).val() +"]").data("id"));
		mapChange( $("#provence").val() + $(this).val());
		
		map.zoomTo(9);
	});
	
	
	$("#county").change(function(){
		
		
		mapChange( $("#provence").val() + $("#city").val() + $(this).val());
		map.zoomTo(11);
	});
	
	$("#detail").change(function(){
		mapChange( $("#provence").val() + $("#city").val() + $("#county").val() + $(this).val(),true);
		map.zoomTo(13);
	});
	/** 位置信息输入及地图显示  end */
	
	$("#sure").click(function(){
		$("#estateAddress").val($("#provence").val()+ " " + $("#city").val()+ " " + $("#county").val()+ " " + $("#detail").val());
		$("#myModal").modal("hide");
		refreshData();
	});
	
	/** 图片预览 **/
	function getObjUrl(file){
		var url = null;
		if(window.createObjectURL != undefined){
			url = window.createObjectURL(file);
		}else if(window.URL != undefined){
			url = window.URL.createObjectURL(file);
		}else if(window.webkitURL != undefined){
			url = window.webkitURL.createObjectURL(file);
		}
		return url;
	}
	
	$("#file").change(function(){
		var objUrl = getObjUrl(this.files[0]);
		console.log("fileUrl", objUrl);
		if(objUrl){
		
			$("#preImg").attr("src", objUrl);
		}
		
	$("#pre-btn").click(function(){
		$("#preView").modal("show");
		});
	});
	
		
	$("#ok").click(function(){
		$("#preView").modal("hide");
	});



});
	
	
	

	
	
	
